<!DOCTYPE html>
<html lang="en">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Registration page</title>
    <link rel="stylesheet" th:href="@{css/style.css}">
</head>
<body>
<header>
</header>
<main>
    <div class="main-card">
        <form method="POST" modelAttribute="userForm" th:object="${user}">

            <p class="heading">Логин:</p>
            <input class="input-field" type="text" th:field="${user.username}" placeholder="Username" autofocus="true">

            <p class="heading">Пароль:</p>
            <input class="input-field" type="password" th:field="${user.password}" placeholder="Password"> <br>

            <p class="heading">Повторите пароль:</p>
            <input class="input-field" type="password" th:field="${user.passwordConfirm}" placeholder="Confirm your password"> <br>
            <div align="center">
                <button class="submit button">
                    <span class="enter">Зарегистрироваться</span>
                </button>
            </div>
        </form>
    </div>

</main>
<footer>
</footer>
</body>
</html>